<!DOCTYPE html>
<html lang="en">
<head>
<title>首页 | 租房51</title>
<meta name="description" content="我们的目标是：绕过中介租到好房子">
<meta name="keywords" content="租房, 出租, 租赁">
<meta name="author" content="Redfox">
<meta charset="utf-8">
<link rel="stylesheet" href="../css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="../css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="../css/style.css" type="text/css" media="all">
<link rel="stylesheet" href="../css/fancybox/jquery.fancybox.css" type="text/css" media="all">
 
<script type="text/javascript" src="../js/maxheight.js"></script>
<script type="text/javascript" src="../js/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="../js/cufon-yui.js"></script>
<script type="text/javascript" src="../js/cufon-replace.js"></script>
<script type="text/javascript" src="../js/Myriad_Pro_300.font.js"></script>
<script type="text/javascript" src="../js/Myriad_Pro_400.font.js"></script>
<script type="text/javascript" src="../js/jquery.faded.js"></script>
<script type="text/javascript" src="../js/jquery.jqtransform.js"></script>
<script type="text/javascript" src="../js/script.js"></script>
<script type="text/javascript" src="../js/jquery.vticker-min.js"></script>
<script type="text/javascript" src="../js/jquery.fancybox.js"></script>
<script type="text/javascript">
	$(function(){

		$("#faded").faded({
			speed: 500,
			crossfade: true,
			autoplay: 10000,
			autopagination:false
		});
        $('#roll').vTicker({
            speed: 500,
            pause: 3000,
            showItems: 2,
            animation: 'fade',
            mousePause: false,
            height: 235,
            direction: 'up'
        });
		
		$('#domain-form').jqTransform({imgPath:'jqtransformplugin/img/'});

		$('.fancybox').fancybox();


	});
</script>
<!--[if lt IE 7]>
<script type="text/javascript" src="http://info.template-help.com/files/ie6_warning/ie6_script_other.js"></script>
<![endif]-->
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<![endif]-->
</head>
<body id="page1" onLoad="new ElementMaxHeight();">
<div class="tail-top">
<!-- header -->
	<header>
		<div class="container">
			<div class="header-box">
				<div class="left">
					<div class="right">
						<nav>
							<ul>
								<li class="current"><a href="index.html">首页</a></li>
								<li><a href="index.html">登陆</a></li>
								<li><a href="services.html">我要承租</a></li>
								<li><a href="services.html">我要出租</a></li>
								<li><a href="hosting.html">我要举报</a></li>
							</ul>
						</nav>
						<h1><a href="index.html"><span>租房</span>51</a></h1>
					</div>
				</div>
			</div>
			
			<span class="top-info">周一至周五 &nbsp; 9:00-17:00 &amp; 客服	+ 86 800 123 5678  &nbsp;</span>
			
			<form action="" id="login-form">
				<fieldset>
					<span class="text">
						<input type="text" value="用户名" onFocus="if(this.value=='用户名'){this.value=''}" onBlur="if(this.value==''){this.value='用户名'}">
					</span>
					<span class="text">
						<input type="password" value="Password" onFocus="if(this.value=='Password'){this.value=''}" onBlur="if(this.value==''){this.value='Password'}">
					</span>
					<a href="#" class="login" onClick="document.getElementById('login-form').submit()"><span><span>登陆</span></span></a>
					<span class="links"><a href="#">忘记密码?</a><br/><a href="#">注册</a></span>
				</fieldset>
			</form>
		</div>
	</header>
<!-- content -->
	<section id="content">
		<div class="container">
 
		<div class="inside">	 
					<div class="wrap">
						<article class="col-1">
							<h2>会员注册</h2>
							<form id="contacts-form" action="">
								<fieldset>
									<div class="field text"><label>用户名&nbsp;</label><input type="text"></div>
									<div class="field text"><label>密&nbsp;码</label><input type="password"></div>
									<div class="field"><label>重复密码</label><input type="password"></div>
									<div class="field"><label><img src="https://passport.baidu.com/cgi-bin/genimage?0013612550590154151063FAF67B69C4555987175F162747477516F08E2B44CCC41DBCC7BE0512863408C21ED517B13F83FE0BE566926EFB2A8604716286A7B560330C4C200674529AC9160B04D3E0E47FF6404387D1D4183126385A1DC58025DE9828C443090D89CDB45C5A742E280CF5BEFA91437D53EC4182185A929606F05076623DE2BEB3BB36BB82024BC7A4468AC111C16651B3D49BEF81DBFC3CF3012D7212CD44449351"></img></label><input type="text"></div>
									<div class="alignright"><a href="#" class="link4" onClick="document.getElementById('contacts-form').reset()"><span><span>重置</span></span></a><a href="#success" class="fancybox link2" ><span><span>注册</span></span></a></div>
								</fieldset>
							</form>
						</article>
						<div class="clear"></div>
					</div>
			</div>
		</div>
	</section>

	<div id="success" style="width:400px;display: none;">
		<h2>注册成功！</h2>
		<span>欢迎您的加入！</span>
	</div>

<!-- aside -->
<br>
</div>
<aside>
	<div class="container">
		<div class="inside">
			<div class="line-ver1">
				<div class="line-ver2">
					<div class="line-ver3">
						<div class="wrapper line-ver4">
							<ul class="list col-1">
								<li>会员管理</li>
								<li><a href="#">我的会员</a></li>
								<li><a href="#">会员设置</a></li>
								<li><a href="#">历史记录</a></li>
							</ul>
							<ul class="list col-2">
								<li>友情链接</li>
								<li><a href="#">租房网</a></li>
								<li><a href="#">爱租网</a></li>
								<li><a href="#">就租网</a></li>
							</ul>
							<ul class="list col-3">
								<li>联系我们</li>
								<li><a href="#">通信地址</a></li>
								<li><a href="#">业务电话</a></li>
								<li><a href="#">业务邮箱</a></li>
							</ul>
							<ul class="list col-4">
								<li>关于我们</li>
								<li><a href="#">网站介绍</a></li>
								<li><a href="#">免责声明</a></li>
								<li><a href="#">联系律师</a></li>
							</ul>
							<ul class="list col-5">
								<li>加入我们</li>
								<li><a href="#">职位介绍</a></li>
								<li><a href="#">工作环境</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</aside>
<!-- footer -->
<footer>
	<div class="container">
		<div class="inside">
			Website template designed by <a class="new_window" href="http://www.templatemonster.com" target="_blank" rel="nofollow">www.templatemonster.com</a><br/>
			3D Models provided by <a class="new_window" href="http://www.templates.com/product/3d-models/" target="_blank" rel="nofollow">www.templates.com</a>
		</div>
	</div>
</footer>
<script type="text/javascript"> Cufon.now(); </script>
</body>
</html>